$(function(){
    //1 给 所受按钮绑定点击事件

    $('#searchBtn').on('tap',function(){
        var arr=[];
        console.log(1);
        
        var val=$('#keyword').val();//得到搜索框的输入的值
        if(val.length<=0){//如果没有值
            alert('请搜索');//结束函数的运行
            return;
        }
       if(localStorage.getItem('keyword')){//如果页面储存有值
        arr=JSON.parse(localStorage.getItem('keyword'));//得到之前的值
        arr.push(val);//将新的值追加进去
        localStorage.setItem('keyword',JSON.stringify(arr))
       }else{//如果页面没有储存值
           arr.push(val)
        localStorage.setItem('keyword',JSON.stringify(arr))//将值储存进去
       }
       //跳转页面
       window.location.href='search-list.html?key='+val;//点击时跳转到指定的页面（输入关键字得到的页面）
    })


    // console.log(localStorage.getItem('keyWord'));
    
    if(localStorage.getItem('keyword')) {//如果页面储存有值
        var vals=JSON.parse(localStorage.getItem('keyword'));//得到这个值并转换成JavaScript 对象
        console.log(vals);
        var obj={
            rows: vals
        }
        var htmls=template('oldData',obj);//用模板引擎将值放在页面
        console.log(htmls);
        
        $('#ulBox').html(htmls);
    }
    $("#clearOld").on('tap',function(){
        localStorage.removeItem('keyword');
        $('#ulBox').html('');
        $('#keyword').val('');
    })
})